*{margin: 0;padding: 0;list-style: none;font-size: 14px;font-family: 'Microsoft YaHei',"Comic Sans MS","幼圆","黑体",sans-serif;}

p{margin: 0;}
ul,li{list-style: none;}
body{background: #f1f5f6;}
a{color: black;text-decoration: none;}
a:link{color: black;}
a:visited{color: black;}
a:hover{color: black;text-decoration: none;}
a:active{color: black;}

input{outline: none;}

/*遮盖层*/
.mask{
	width: 100%;
	height: 100%;
	background: #999;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	opacity: 0.8;
	display: none;
}
.mask .mask_span{
	width: 150px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 40%;
}
.mask .mask_span span{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: skyblue;
	margin: 10px 0px 0 10px;
}
.mask .mask_span span:nth-child(1){
	width: 5px;
	height: 5px;
	animation: chang1 2s infinite;
}
.mask .mask_span span:nth-child(2){
	width: 10px;
	height: 10px;
	animation: chang2 2s infinite;
}
.mask .mask_span span:nth-child(3){
	width: 15px;
	height: 15px;
	animation: chang3 2s infinite;
}

@keyframes chang1{
	0%{width:5px;height: 5px;}
	25%{width:10px;height: 10px;}
	50%{width:15px;height: 15px;}
	75%{width:10px;height: 10px;}
	90%{width:5px;height: 5px;}
	100%{width:0px;height: 0px;}
}
@keyframes chang2{
	0%{width:10px;height: 10px;}
	25%{width:15px;height: 15px;}
	50%{width:10px;height: 10px;}
	75%{width:5px;height: 5px;}
	100%{width:0px;height: 0px;}
}
@keyframes chang3{
	0%{width:15px;height: 15px;}
	35%{width:10px;height: 10px;}
	70%{width:5px;height: 5px;}
	100%{width:0px;height: 0px;}
}
#mask{
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 101;
	opacity: 0.5;
}
#mask:after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	left: 46%;
	top:50%;
	-moz-animation:animations 0.5s linear infinite alternate ;
	-webkit-animation:animations 0.5s linear infinite alternate ;
	-o-animation:animations 0.5s linear infinite alternate ;
	-ms-animation:animations 0.5s linear infinite alternate ;
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
}

	@-webkit-keyframes animations{
		0%{-webkit-transform:scale(2);}
		100%{-webkit-transform:scale(1);}
	}
#mask:before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #666;
	border-radius: 50%;
	position: absolute;
	left: 54%;
	top:50%;
	-moz-animation:animations 0.5s linear infinite alternate ;
	-webkit-animation:animations 0.5s linear infinite alternate ;
	-o-animation:animations 0.5s linear infinite alternate ;
	-ms-animation:animations 0.5s linear infinite alternate ;
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
	-ms-transform:scale(2);
	-webkit-animation-delay:0.5s;
}

		
/*回到顶部*/
.scrollTop{
	position: fixed;
	bottom: 65px;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #e80080;
	opacity: 0.8;
	text-align: center;
	line-height: 50px;
	display: none;
}
.scrollTop i{
	color: white;
	font-size: 22px;
}

			

/***********头***************/		
header{width: 100%;height: 50px;background:#2C5763;display: flex;line-height: 50px;position: fixed;top: 0;z-index: 3;color: white;}
header>div.heade_first{width: 15%;padding: 2px 20px;}
header>div.heade_first>a{color: white;}
header>div.heade_second{width: 70%;font-size: 16px;}
header>div.heade_third{width: 13%;padding-left: 15px;}

/*************脚**************/
footer{width: 100%;height: 55px;line-height: 50px;background: #2C5763;position: fixed;bottom: 0px;z-index: 3;display: flex;}
footer>a.aElement{display: block;width: 24%;text-align: center;color: white;}
footer>a.aElement>i,strong{display: block;position: relative;}
footer>a.aElement>i{top: 13px;}
footer>a.aElement>strong{top: 2px;}		


